<div class="page">
  <header class="bar bar-nav shop-header">
    <a data-dismiss="push" class="icon icon-left pull-left"></a>
    <h1 class="title">BMI</h1>
  </header>

  <div class="content">
    <div class="list-block mobile-bind-list">
      <ul>
        <li class="item-content">
          <div class="item-inner">
            <div class="item-input">
              <input type="number" name="height" placeholder="填写身高" value='{{height}}' style="text-align: center;">
            </div>
          </div>
        </li>
        <li class="item-content">
          <div class="item-inner">
            <div class="item-input">
              <input type="number" name="weight" placeholder="填写体重" value='{{weight}}' style="text-align: center;">
            </div>
          </div>
        </li>
        <li class="item-content">
          <div class="item-inner">
            <div class="item-input">
              <input type="text" name="genderSelector" placeholder="选择性别" value='{{genderDisplay}}' style="text-align: center;">
              <input type="hidden" name="gender" value={{genderValue}}>
            </div>
          </div>
        </li>
      </ul>
    </div>
    <div class="content-block">
      <p><button id="submit" class="button button-fill button-success button-big button-block">确定</button></p>
    </div>
  </div>
</div>
